﻿body { margin:0; padding:0; background:#F2F2F2;}
ul, li { list-style-type:none }

/* layout */
/*-----------------------------------------------------------*/
#main{width:940px;margin:0px auto;background:#f2f2f2;margin-bottom:20px;}
#header{height:135px;}
#logoright{background:url(images/logo_01.png) no-repeat right;width:148px;height:118px;float:right;margin-top:10px;margin-right:20px;}
#logoleft{background:url(images/logo-left.png);width:293px;height:118px;float:left;margin-left:5px;margin-top:10px;}
#middle_box{width:940px;min-height:100px;margin:5px auto;position:relative;}
#content{background:url(images/box/center.png) repeat-Y;min-height:203px;padding:40px;}
#content p{direction:rtl;text-align:justify;color:#555}
#middle_box_top{background:url(images/box/top.png);height:30px;position:absolute;top:0px;width:940px;}
#middle_box_bottom{background:url(images/box/bottom.png);height:27px;position:absolute;bottom:0px;width:940px;}


/* Menu Styles */
/*-----------------------------------------------------------*/
#menu {height:40px;width:100%;background: url(images/menu/m.png) repeat-x;position:relative;margin:5px auto;}
#menu-right {background:url(images/menu/m-right.png);width:20px;right:0px;position:absolute;height:40px;}
#menu-left {background:url(images/menu/m-left.png);width:20px;position:absolute;left:0px;height:40px;}
ul#topnav { margin: 0; padding: 0; list-style: none; float: right; font:11px tahoma;}
ul#topnav li{ margin-top: 10px; padding: 0; overflow: hidden; float:right; height:20px; border-left:1px solid #ccc;}
ul#topnav a, ul#topnav span { padding: 0px 30px;float: right;text-decoration: none;color: #fff;clear: both;width: 100%;height: 40px;line-height: 20px; /*--Vertical alignment of text--*/font: 12px tahoma;text-shadow:0px 1px 0px #555 !important; }
ul#topnav a{ color:#ACFF8E;background-position: right bottom;}
ul#topnav span{ background-position: right top;}
ul#topnav li.last { border-left:0 }


/* -- Footer styles */
/*-----------------------------------------------------------*/
#footer{width:100%;padding-bottom:10px;margin-right:auto;margin-left:auto;height:30px;margin-top:30px;}
#part1 .comment{color:#999;font:10px tahoma;margin-bottom:-5px;}
#part2 .comment{margin-top:-7px;color:#999;font:10px tahoma;position:absolute;left:0px;}
#part2 {color:#999;font:10px tahoma;text-align:left ;position:relative; }
#footerspacer{height:1px;border-top:1px solid #D9DADB;margin:10px auto;}
#part1 ul { float:left; margin-top:-10px;}
#part2 ul { float:right;margin-top:-8px; width:300px; }
#part1 ul li { float:left; }
#part2 ul li { float:right; }
#part1 ul li { border-right:1px solid #999 }
#part2 ul li { border-left:1px solid #999 }
#part1 ul li, #part2 ul li { padding:0 5px;}
#part1 ul li a, #part2 ul li a { color:#0DABD8;display:block;padding:0 5px;font:10px tahoma; }
#part1 ul li a:hover, #part2 ul li a:hover { text-decoration:underline; }
#part1 ul li.last, #part2 ul li.last { border:0 }
/*-----------------------------------------------------------*/



/* Home */
/*-----------------------------------------------------------*/
#gallery {position:absolute;left:15px;top:17px;width:940px;margin:1px auto;text-align:center;}
#welcome { text-align:center; margin:0 auto; }
#welcome img { margin-top:240px; }
#mainboxes { width:100%; list-style-type: none; }
#mainboxes li { float:right; }
#mainboxes li a { display:block; margin:5px;border:solid 1px #ccc;background:url(images/back.png) top;min-height:155px;position:relative;width:160px; text-align:center }
#mainboxes li a:hover { border:solid 1px #0DABD8;cursor:pointer;background:url(images/backhover.png) top }
#mainboxes li a img{ position:absolute;top:50px;right:42px;}
#mainboxes li a span { display:block; font:bold 12px tahoma;Color:#555;margin-top:20px; }